#output_link {
  text-align:center;
  border: 3px solid #999;
  background-color: #ddd;
  height: 80px;
  padding-top: 10px;
}
#output_link a {
  font-size:36pt;
}
#tooltip{
  position:absolute;
  border:1px solid #333;
  background:#f7f5d1;
  padding:2px 5px;
  color:#333;
  display:none;
}
#notice {
  color: #F90609;
  background-color: #EBD1D1;
  font-weight: bolder;
  padding-left: 10px;
}
#user {
   color:#2381D2;
   text-align:right;
   font-weight: bolder;
}
.step {
  /*display: table-row;*/
  margin-top: 20px;
  margin-bottom: 20px;
}
.steps_more {
  font-size: 40px;
  font-weight: bold;
  vertical-align: middle;
  color: white;
  width: 80px;
  height: 80px;
  background:url(images/button_blue.png) no-repeat;
  display: table-cell;
  text-align:center;
}
.step_now {
  font-size: 40px;
  font-weight: bold;
  vertical-align: middle;
  color: white;
  width: 80px;
  height: 80px;
  background:url(images/button_red.png) no-repeat;
  display: table-cell;
  text-align:center;
}
.steps_done {
  font-size: 40px;
  font-weight: bold;
  vertical-align: middle;
  color: white;
  width: 80px;
  height: 80px;
  background:url(images/button_black.png) no-repeat;
  display: table-cell;
  text-align:center;
}
#title {
  font-size: 16pt;
  font-weight: bold;
}
#subtitle {
  font-weight: bold;
  text-align:right;
}

